 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title tal:content="pageTitle">Titulo de la Pagina</title>
    <link rel="stylesheet"  href="${CSSDIR}style.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
        <div id="header">
            <img src="${IMGDIR}logo_app.png" alt="Logo" />
        </div>
        <div id="content">
            <div id="menu"> 
                <div id="menu1" class="myconfig"> 
                    <h3><a href="">Administrador <span><img src="${IMGDIR}menu_open.png" /></span></a></h3>
                        <ul>
                            <li><a href="">Cambiar Clave</a></li>
                            <li><a href="">Mi Configuración</a></li>
                        </ul>
                </div>
                <div id="menu2" class="item">
                    <h3><a href="">Ventas <span><img src="${IMGDIR}menu_open.png" /></span></a></h3>
                        <ul>
                            <li><a href="${LISTCLIENTS}" title="Productos">Clientes</a>
                                <ul>
                                    
                                    <li><a href="${ADDCLIENT}" title="Agregar Cliente"><span><img src="${IMGDIR}add.png" alt="Agregar Cliente" /></span></a></li>
                                    <li><a href="${LISTCLIENTS}" title="Listado de Clientes"><span><img src="${IMGDIR}list.png" alt="Listado de Clientes" /></span></a></li>
                                </ul>
                            </li>
                            <li><a href="${LISTINVOICES}" title="Facturas">Facturas</a>
                                <ul>
                                    
                                    <li><a href="${ADDINVOICE}" title="Agregar Producto"><span><img src="${IMGDIR}add.png" alt="Agregar Producto" /></span></a></li>
                                    <li><a href="${LISTPRODUCTS}" title="Listado de Productos"><span><img src="${IMGDIR}list.png" alt="Listado de Facturas" /></span></a></li>
                                </ul>
                            </li>
                            <li><a href="${LISTPRODUCTS}" title="Productos">Productos</a>
                                <ul>
                                    
                                    <li><a href="${ADDPRODUCT}" title="Agregar Producto"><span><img src="${IMGDIR}add.png" alt="Agregar Producto" /></span></a></li>
                                    <li><a href="${LISTPRODUCTS}" title="Listado de Productos"><span><img src="${IMGDIR}list.png" alt="Listado de Productos" /></span></a></li>
                                </ul>
                            </li>
                        </ul>
                </div>
                <div id="menu3" class="item">
                    <h3><a href="">Configuración <span><img src="${IMGDIR}menu_open.png" /></span></a></h3>
                        <ul>
                            <li><a href="" title="Listar Usuarios">Usuarios</a>
                                <ul>
                                    
                                    <li><a href="${ADDUSER}" title="Agregar Usuario"><span><img src="${IMGDIR}add.png" alt="Agregar Usuario" /></span></a></li>
                                    <li><a href="${LISTUSERS}" title="Listar Usuarios"><span><img src="${IMGDIR}list.png" alt="Listar Usuarios" /></span></a></li>
                                </ul>
                            </li>
                        </ul>
                </div>
            </div>
            <div id="result">
                <div id="path"><a href="">Inicio</a> > <a href="">Configuración</a> > <a href="">Usuarios</a> > <a href="">Listado de Usuarios</a> </div>
                <div class="form">
                    <h2 tal:content="actionTitle">titulo de la acción que se esta ejecutando</h2>
                    <div class="error" tal:condition="actionError" tal:content="actionError"></div>
                    <div class="success" tal:condition="successMessage" tal:content="successMessage"></div>
                   
                    <form method="post">
                        <h3>Datos Basicos</h3>
                        <div class="fila">
                            <p id="filaError2" class="errorRow" tal:condition="exists:actionErrors/code" tal:content="actionErrors/code" >Error 2</p>

	                        <label>Código</label>                  
	                        <input id="code" name="code" maxlength="" size="" type="text" value="" tal:attributes="value params/code | default; "/><br/>
                            <div id="ayuda1" class="ayuda"><span>Código</span> del producto que va a ingresar al sistema.</div>
                        </div>
                        <div class="fila">
                            <p id="filaError3" class="errorRow" tal:condition="exists:actionErrors/reference" tal:content="actionErrors/reference" >Error 3</p>
                            <label>Referencia</label>  
                            <input id="reference" name="reference" maxlength="" size="" type="text" value="" tal:attributes="value params/reference | default;"/><br/>
                        </div>
                        <div class="fila">
                            <p id="filaError4" class="errorRow" tal:condition="exists:actionErrors/name" tal:content="actionErrors/name" >Error 4</p>

                            <label>Nombre</label>
                            <input id="name" name="name" maxlength="" size="" type="text" value="" tal:attributes="value params/name | default"/><br/>
                        </div>
                        <div class="fila">
                            <p id="filaError5" class="errorRow" tal:condition="exists:actionErrors/description" tal:content="actionErrors/description" >Error 5</p>
                        
                            <label>Descripción</label>
                            <input id="description" name="description" maxlength="" size="" type="text" value="" tal:attributes="value params/description  | default"/><br/>
                        </div>                        
                        <div class="fila">
                            <p id="filaError6" class="errorRow" tal:condition="exists:actionErrors/presentation" tal:content="actionErrors/presentation" >Error 6</p>
	                        <label for="presentation">Presentación</label>
	                        <div id="campo1" class="campo">
		                        <select id="presentation" name="presentation">
		                            <option tal:repeat="pre params/presentation" 
		                            tal:attributes="selected pre/selected; value pre/value" 
		                            tal:content="pre/name">
		                            </option>
		                        </select>
	                        </div>
                        </div>
                        <div class="fila">
                            <p id="filaError6" class="errorRow" tal:condition="exists:actionErrors/picture" tal:content="actionErrors/picture" >Error 6</p>
                        
                            <label>Imagen / Foto</label>
                            <input id="picture" name="picture" maxlength="" size="" type="text" value="" tal:attributes="value params/picture  | default"/><br/>
                        </div>
                        <div class="fila">
                            <p id="filaError6" class="errorRow" tal:condition="exists:actionErrors/stock" tal:content="actionErrors/stock" >Error 6</p>
                        
                            <label>Cantidad</label>
                            <input id="stock" name="stock" maxlength="" size="" type="text" value="" tal:attributes="value params/stock  | default"/><br/>
                        </div>
                        <div class="fila">
                            <p id="filaError6" class="errorRow" tal:condition="exists:actionErrors/minStock" tal:content="actionErrors/minStock" >Error 6</p>
                        
                            <label>Cantidad</label>
                            <input id="minStock" name="minStock" maxlength="" size="" type="text" value="" tal:attributes="value params/minStock  | default"/><br/>
                        </div>
                        <div class="fila">
                            <p id="filaError6" class="errorRow" tal:condition="exists:actionErrors/price" tal:content="actionErrors/price" >Error 6</p>
                        
                            <label>Cantidad</label>
                            <input id="price" name="price" maxlength="" size="" type="text" value="" tal:attributes="value params/price  | default"/><br/>
                        </div>                        
                        <div class="fila">
                            <p id="filaError6" class="errorRow" tal:condition="exists:actionErrors/access" tal:content="actionErrors/access" >Error 6</p>
	                        <label for="access">Habilitado?</label>
	                        <div id="campo1" class="campo">
		                        <select id="access" name="access">
		                            <option tal:repeat="acc params/access" 
		                            tal:attributes="selected acc/selected; value acc/value" 
		                            tal:content="acc/name">
		                            </option>
		                        </select>
	                        </div>
                        </div>
                        
                        <div class="boton">
                        <input id="submit" name="submit" type="submit" value="Crear Usuario" class="enviar"/>
                        </div>
                        
                    </form>
                    
                </div>
            </div>  
        </div>
        <div id="footer">UNAL - Ingenieria de Software - 2011
        </div>
    </div>
</body>
</html>
